<style lang="less" scoped>
@primary-color:#FE9333;//橘黄色默认颜色
@write-color:#fff;//白色默认颜色
.newImg{
    margin-top: 20px;
    .title{
        font-size: 14px;
        color: #686E71;
        margin-bottom: 10px;
        .delimgSpan{
            float: right;
            cursor: pointer;
            line-height: 20px;
            img{
                width: 20px;
                height: 20px;
                vertical-align: bottom;
                margin-right: 3px;
            }
        }
    }
    .newimgurl{
        width: 70px;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
            max-width: 100%;
            max-height: 100%;
        }
    }
}
</style>
<template>
	<div v-show="imgflag">
        <div v-for="(item,index) in imgflag" class="newImg">
            <div class="title"><span>图片{{index+1}}</span> <span class="delimgSpan" @click="del(item,index)"><img src="../images/leftside_delete.png"/>删除</span></div>
            <div class="newimgurl">
                <img :src="imgurl+item.picSourcePath" :style="'transform:'+item.picStyle.transform"/>
            </div>
        </div>        
    </div>
</template>
<script>
    import global from '../config/global';
    export default {
		data() {
				return {
                    imgurl:global.imgurl,
				}
			},
        watch:{

        },
        props:["imgflag"],
		methods:{
            del(item,index){
                this.$emit("delimg",item,index)
            }
		}
    }
</script>